<template>
  <aside>
    <a href="#基本信息">基本信息</a>
    <a href="#个人自述">个人自述</a>
    <a href="#教育经历">教育经历</a>
    <a href="#大学成绩表">大学成绩表</a>
    <a href="#工作经历">工作经历</a>
    <br />
    <div
      style="border-top: 2px dashed orange; border-style: dashed solid"
    ></div>
    <div style="display: flex; padding: 20px 10px; justify-content: center">
      <div style="width: 58%; text-align: left"></div>
      <main>
        <div>
          <h1>基本信息</h1>
        </div>
        <div style="border-top: 1px dashed green"><br /></div>
        <div id="基本信息"></div>
        <div>姓 名 | 肖倩</div>
        <div>性 别 | 女</div>
        <div>出 生 | 2004.10.28</div>
        <div>手 机 | 13417829013</div>
        <div>邮 箱 | 1099194318@qq.com</div>
        <div>微信号 | XQIAN-17</div>
        <div>出生地 | 湖南沅江</div>
        <div>
          <h1 class="zij">个人自述</h1>
          <div style="border-top: 2px dashed green"></div>
          <br />
          <div id="个人自述"></div>
          本人现担任软件1班纪委一职，性格活泼开朗，对待工作认真负责。<br />
          为人热心诚恳，有良好的团队协助能力和抗压能力，沟通及适应能力强。<br />
          <video width="320" height="240" controls>
            <source
              src="https://www.codelover.club/files/stutasks/userID_17526/currNo_29/llf5oWrjC7lep11Nr21YmZJihv-t.mp4"
            />
          </video>
        </div>
        <div>
          <h1 class="zij">教育经历</h1>
          <div style="border-top: 2px dashed green"></div>
          <br />
          <div id="教育经历"></div>
          <li>顺德职业技术学院</li>
          <table style="color: rgb(55, 0, 255)">
            <br />
            <tbody>
              <tr>
                <td>学习时间：3年</td>
              </tr>
              <tr>
                <td>学习技能：酒店管理</td>
                <td>学习课程：旅游概况、英语会话实践等</td>
              </tr>
              <tr>
                <td>
                  学习技能：软件技术&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                </td>
                <td>学习课程：网页设计、程序设计等</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div>
          <h1 class="zij">大学成绩表</h1>
          <div id="大学成绩表"></div>
          <div style="border-top: 1px dashed green"></div>
          <br />
          <table border="1" cellspacing="0">
            <tbody align="center">
              <tr>
                <td rowspan="2">姓名</td>
                <td colspan="5">通识课</td>
                <td colspan="4">专业课</td>
              </tr>
              <tr>
                <td>美学原理与应用</td>
                <td>思想道德与法治</td>
                <td>形势与政策</td>
                <td>创新创业基础</td>
                <td>跨平台app项目开发</td>
                <td>数据结构与算法基础</td>
                <td>python与爬虫开发</td>
                <td>交互式网站前端技术</td>
                <td>网络互联基础</td>
              </tr>
              <tr>
                <td>肖倩</td>
                <td>90</td>
                <td>82</td>
                <td>90</td>
                <td>80</td>
                <td>87</td>
                <td>81</td>
                <td>80</td>
                <td>84</td>
                <td>78</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div>
          <h1 class="zij">工作经历</h1>
          <div id="工作经历"></div>
          <div style="border-top: 1px dashed green"></div>
          <p>珠海西山居数字科技有限公司</p>
          在职时间：2022.1-2022.8 <br />
          职位名称：游戏测试 <br />
          工作内容： 1.编写需求测试用例&nbsp&nbsp&nbsp&nbsp&nbsp 2.执行测试用例
        </div>
      </main>
    </div>
  </aside>
</template>

<script setup></script>

<style>
.zij {
  padding-top: 10px;
}
aside {
  width: 100%;
  padding-top: 100px;
}
</style>
